<html lang="en">
 <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width,initial-scale=0.5"> 
  <title>Document</title> 
  <style>
html,body{background: #00000088;margin:0;padding:0}
</style>   
 </head> 
 <body id="v1"> 
  <canvas id="canvas" width="786" height="1470"> 
  </canvas> 
  <script type="module"  src="debug.js"></script> 
  <!-- canvas的画布宽高（分辨率）是width和height，
    而style中的宽高是canvas在页面中显示的宽高，
    画布分辨率越高，绘制出来的图任意缩放也不会出现很大的锯齿 --> 
  <!-- <script src="FengShuiCompass.js"></script>  --> 
 </body>
</html>